/**
 * @description 登录页面的模板数据
 * 
 */
const loginDeaultData = {
  version: '001',
  base: {
    bg_type: "1",
    background_image: 'http://codegen.caihongy.cn/20241008/98dbe9386da44aac94a3d2b8e62f1ea2.webp',
    form_animate: "fadeInDown",
    form_layout: "horizontal",
    title_flag: true,
    title_suffixFlag: true,
    title_suffix: "登录",
    label_flag: true,
    text_flag: true,
    text1: "账号",
    text2: "密码",
    text3: "验证码",
    text4: "角色",
    icon_flag: false,
    icon1: "UserOutlined",
    icon2: "LockOutlined",
    icon3: "FileProtectOutlined",
    icon4: "TeamOutlined",
    code_flag: true,
    role_type: "2",
    verify_theme: "light",
    verify_imgUrl: "http://codegen.caihongy.cn/20241005/b7117ac6cb574647adffc0b553559ba7.jpeg",
    login_text: "账号密码登录",
    forget_text: "忘记密码?",
    register_text: "注册",
    face_text: "人脸登录",
    idea1_flag: false,
    idea1_text: "空盒1",
    idea2_flag: false,
    idea2_text: "空盒2",
  },
  css: `
  /* 定义全局主题变量 */
:root {
  /* 主色 */
  --btn2-bg-color-: #5E83B4;
  --btn2-bg-hover-color-: #43618f;
  --btn2-font-color-: #FFF;
  --btn2-font-hover-color-: #FFF;

  /* 副色 */
  --btn-bg-color-: #fff;
  --btn-bg-hover-color-: #fff;
  --btn-font-color-: #000;
  --btn-font-hover-color-: #000;

}


.login {

  /* 页面-二级 */
  .login-bg {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: no-repeat center center / cover;
  }

  /* 表单 */
  .login-form {
    width: 1426px;
    height: 720px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: url(http://codegen.caihongy.cn/20241008/b3b32f7d038c43f795fd3b5b2cb65881.webp) no-repeat center center;
    display: flex;
    justify-content: flex-end;
    position: relative;
  }

  /* 表单-二级 */
  .login-form-wrapper {
    width: 610px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    padding: 0 40px;
  }

  /* 标题 */
  .title-box {
    margin: 120px 0 40px 0;
    padding: 0;
    line-height: 44px;
    color: #FFF;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
  }

  /* 输入框盒子 */
  .ant-form-item {
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
    height: auto;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #FFFFFF;
    background: linear-gradient(90deg, #ff3c41, #fc0, #0ebeff);
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: 1s all;
    padding-bottom: 3px;

    &:focus-within {
      background-size: 100% 2px;
      border-color: transparent;
    }
  }

  /* 文本 */
  .login-form .ant-form-item .ant-form-item-label {

    &>label {
      width: 84px;
      color: rgba(0, 0, 0, 0.88);
      font-size: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .label-text {
      color: #A3AECC;
      font-size: inherit;
    }

    .label-icon {
      font-size: inherit;
      color: inherit;
      vertical-align: top;
    }
  }

  /* 账号和密码 输入框 */
  .ant-input-affix-wrapper {
    height: auto;
    font-size: 14px;
    color: #fff;
    border: 0px solid #d9d9d9;
    border-radius: 6px;
    background-color: transparent;

    &:focus-within {
      border: 0px solid #4096ff;
      box-shadow: none;
    }

    /* 图标 */
    .anticon {
      color: #fff;
      cursor: pointer;
      transition: all 0.3s;

      &:hover {
        color: rgba(255, 255, 255, 0.5);
      }
    }
  }

  /* 输入框的提示文字 */
  .ant-form-item input::placeholder,
  .ant-form-item .ant-select-selection-placeholder {
    font-size: inherit;
    color: rgba(255, 255, 255, 0.4);
  }

  /* 错误提示的文字 */
  .ant-form-item .ant-input-status-error {
    background: transparent;
    border-width: 0px;
    border-style: solid;
    border-color: #ff4d4f;
  }

  /* 验证码 */
  .ab-input-verify {
    height: auto;
    font-size: 14px;
    color: #fff;
    border: 0px solid #d9d9d9;
    border-radius: 6px;
    background-color: transparent;

    &:focus-within {
      border: 0px solid #4096ff;
      box-shadow: none;
    }
  }

  /* 码 */
  .code-box {
    flex: 0 0 auto;
    width: 72px;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 10px;
    border-radius: 6px;
    border-width: 0;
    border-style: solid;
    border-color: rgba(64, 158, 255, 1);
    background: aliceblue;
    cursor: pointer;
    user-select: none;
  }

  /* 角色 */
  .login-form.ant-form .ant-select.ant-select-outlined .ant-select-selector {
    height: auto;
    font-size: 14px;
    color: #fff;
    border: 0px solid #d9d9d9;
    border-radius: 6px;
    background-color: transparent;

    &:focus-within {
      border-color: #1677ff;
      box-shadow: none;
    }
  }

  /* 角色-箭头 */
  .ant-select .ant-select-arrow {
    color: #fff;
  }

  /* 按钮盒子 */
  .btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  /* 注册 */
  .register-box {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
    order: 4;
    display: flex;
    gap: 30px;
    justify-content: center;

    .register-btn {
      color: #A3AECC;
      font-size: 16px;
      line-height: 44px;
      height: 44px;
      padding: 0px 7px;
      border-radius: 5px;
      border: 1px solid #A3AECC;

      &:hover {
        color: #69b1ff;
        background: transparent;
      }
    }
  }

  /* 忘记密码 */
  .forget-box {
    margin: 20px 0;
    padding: 0;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    order: 1;

    .forget-btn {
      color: #FFFFFF;
      font-size: 16px;
      line-height: 1.5714285714285714;
      height: 24px;
      padding: 0;
      border-radius: 0;

      &:hover {
        color: #69b1ff;
        background: transparent;
      }
    }
  }


  /* 登录按钮盒子 */
  .login-box {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    order: 2;

    .login-btn {
      font-size: 24px;
      color: #fff;
      background: linear-gradient(134deg, #5E83B4 0%, #8FAEC1 100%);
      margin: 0;
      padding: 4px 15px;
      width: 100%;
      height: 40px;
      line-height: 1.5714285714285714;
      border-radius: 6px;
      border: 0px solid transparent;

      &:hover {
        color: #fff;
        background: linear-gradient(134deg, #5E83B4 0%, #8FAEC1 100%);
        opacity: 0.8;
      }
    }
  }

  /* 人脸登录盒子 */
  .face-box {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    order: 3;

    .face-btn {
      color: #fff;
      font-size: 16px;
      line-height: 1.5714285714285714;
      height: 32px;
      padding: 0px 7px;
      border-radius: 0;

      &:hover {
        color: #69b1ff;
        background: transparent;
      }
    }
  }


  /* 空盒子1 */
  .idea_1 {
    position: absolute;
    left: 240px;
    top: 240px;
    color: #fff;
    font-size: 72px;
    z-index: -1;
  }


  /* 空盒子2 */
  .idea_2 {
    position: absolute;
    left: 120px;
    top: 340px;
    color: #fff;
    font-size: 72px;
    z-index: -1;
  }
}
  `
}

export default loginDeaultData